<!DOCTYPE HTML>
<html lang="en">
<head>
	<title>Extravagant.io - DEMO: Spokesmodels</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
    <meta name="description" content="Your description">
    <meta name="keywords" content="Your keywords">
    <meta name="author" content="Your name">
 	<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
	<script type="text/javascript" src="js/include_script.js"></script>
  	<!--[if lt IE 9]>
	   	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	    <link href="css/ie.css" rel="stylesheet" type="text/css">
    <![endif]-->
</head>
<body>
<!--content wrapper-->
	<div id="wrapper">
		<section class='bord1'>
			<div class="dynamicContent">

                <div class="tech_holder">
                    <a href="javascript:c_slider('p', '.tech_slide', true)"><div class="c_sliders slider_left"> <div id="left_arrow_possition"><img src="img/arrow_left.png" alt=""></div> </div></a>
                    <div class="tech_slide is_active row mar_b_8" id="tech_styling">
                        <div class="span4">
                            <div class="container_models">
                                <iframe frameborder="0" scrolling="no" ></iframe>
                                <a href="javascript:d_show_model(0)"><img src="demo_spokesmodels/images/Baylee.png"/></a>
                                <div class="talkinghead">
                                    <!-- .swf comes here dynamically -->
                                </div>
                            </div>
                            <h3>SpokesModel #1 : <br/> Baylee</h3>
                        </div>
                        <div class="span4">
                            <div class="container_models">
                                <iframe frameborder="0" scrolling="no" ></iframe>
                                <a href="javascript:d_show_model(1)"><img src="demo_spokesmodels/images/Katie.png"/></a>
                                <div class="talkinghead">
                                    <!-- .swf comes here dynamically -->
                                </div>
                            </div>
                            <h3>SpokesModel #2 : <br/> Katie</h3>
                        </div>

                        <div class="span4">
                            <div class="container_models">
                                <iframe frameborder="0" scrolling="no" ></iframe>
                                <a href="javascript:d_show_model(2)"><img src="demo_spokesmodels/images/Julia.png"/></a>
                                <div class="talkinghead">
                                    <!-- .swf comes here dynamically -->
                                </div>
                            </div>
                            <h3>SpokesModel #3 : <br/> Julia</h3>
                        </div>


                    </div>

                    <div class="tech_slide row mar_b_8" style="background: url('img/splash_plane.png') repeat; margin-left:0; height:555px;">
                        <div class="span4">
                            <div class="container_models">
                                <iframe frameborder="0" scrolling="no" ></iframe>
                                <a href="javascript:d_show_model(3)"><img src="demo_spokesmodels/images/Renny.png"/></a>
                                <div class="talkinghead">
                                    <!-- .swf comes here dynamically -->
                                </div>
                            </div>
                            <h3>SpokesModel #4 : <br/> Renny</h3>
                        </div>
                        <div class="span4">
                            <div class="container_models">
                                <iframe frameborder="0" scrolling="no" ></iframe>
                                <a href="javascript:d_show_model(4)"><img src="demo_spokesmodels/images/Krystal.png"/></a>
                                <div class="talkinghead">
                                    <!-- .swf comes here dynamically -->
                                </div>
                            </div>
                            <h3>SpokesModel #5 : <br/> Krystal</h3>
                        </div>

                        <div class="span4">
                            <div class="container_models">
                                <iframe frameborder="0" scrolling="no" ></iframe>
                                <a href="javascript:d_show_model(5)"><img src="demo_spokesmodels/images/Maria.png"/></a>
                                <div class="talkinghead">
                                    <!-- .swf comes here dynamically -->
                                </div>
                            </div>
                            <h3>SpokesModel #6 : <br/> Maria</h3>
                        </div>
                    </div>

                    <div class="tech_slide row mar_b_8" style="background: url('img/splash_plane.png') repeat; margin-left:0; height:555px;">
                        <div class="span4">
                            <div class="container_models">
                                <iframe frameborder="0" scrolling="no" ></iframe>
                                <a href="javascript:d_show_model(6)"><img src="demo_spokesmodels/images/Joey.png"/></a>
                                <div class="talkinghead">
                                    <!-- .swf comes here dynamically -->
                                </div>
                            </div>
                            <h3>SpokesModel #7 : <br/> Joey</h3>
                        </div>
                        <div class="span4">
                            <div class="container_models">
                                <iframe frameborder="0" scrolling="no" ></iframe>
                                <a href="javascript:d_show_model(7)"><img src="demo_spokesmodels/images/Derek.png"/></a>
                                <div class="talkinghead">
                                    <!-- .swf comes here dynamically -->
                                </div>
                            </div>
                            <h3>SpokesModel #8 : <br/> Derek</h3>
                        </div>

                        <div class="span4">
                            <div class="container_models">
                                <iframe frameborder="0" scrolling="no" ></iframe>
                                <a href="javascript:d_show_model(8)"><img src="demo_spokesmodels/images/Jed.png"/></a>
                                <div class="talkinghead">
                                    <!-- .swf comes here dynamically -->
                                </div>
                            </div>
                            <h3>SpokesModel #9 : <br/> Jed</h3>
                        </div>
                    </div>

                    <a href="javascript:c_slider('n', '.tech_slide', true)"><div class="c_sliders slider_right"> <div id="right_arrow_possition"><img src="img/arrow_right.png" alt=""></div> </div></a>
                </div>

                <div class="tech_nav">
                    <ul>
                        <li><a href="javascript:c_dots(1, '.tech_slide', false)"><img src="img/dot_selected.png"/></a></li>
                        <li><a href="javascript:c_dots(2, '.tech_slide', false)"><img src="img/dot_not_selected.png"/></a></li>
                        <li><a href="javascript:c_dots(3, '.tech_slide', false)"><img src="img/dot_not_selected.png"/></a></li>
                    </ul>
                </div>

 <div class="bord3"></div>
            </div>

		</section>
	</div>
	<script type="text/javascript" src="js/bootstrap.js"></script>


</body>
</html>